<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF - 8">
  <title>团队仓库页面</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <meta name="comp1800 template" content="My 1800 App">

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap Library CSS CDN go here -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq" crossorigin="anonymous"></script>

    <!-- Other libraries go here -->

    <!-- Link to styles of your own -->
    <!-- <link rel="stylesheet" href="./styles/style.css"> -->

</head>

<body>

    <!------------------------------>
    <!-- Your HTML Layout go here -->
    <!------------------------------>
    <!-- Stuff for body goes here -->

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <script src="script.js"></script>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <nav class="navbar navbar-expand-lg bg-info"> 
        <div class="container-fluid">

          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Features</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Pricing</a>
              </li>
              <li class="nav-item">
                <a class="nav-link disabled" aria-disabled="true">Disabled</a>
              </li>
            </ul>
          </div>
        </div>
        </nav>
      

    <!---------------------------------------------->
    <!-- Your own JavaScript functions go here    -->
    <!---------------------------------------------->
    <!-- <div class="container my-2">
        <div class="p-2 text-center bg-body-tertiary rounded-3">
          <svg class="bi mt-4 mb-3" style="color: var(--bs-indigo);" width="100" height="100" aria-hidden="true"><use xlink:href="#bootstrap"/></svg>
          <h1 class="text-body-emphasis">Hiking</h1>
          <p class="col-lg-8 mx-auto fs-5 text-muted">
            Hiking explores nature trails, boosts fitness, and offers breathtaking views. Suitable for all levels—tranquil forests to rugged peaks. Connect with the outdoors!
          </p>
          <div class="d-inline-flex gap-2 mb-5">
            <img src="./images/hike2.jpg" class="img-fluid rounded" >
          </div>
        </div>
      </div>
      <div class="container my-2"> 
    </div> -->
    <!-- Link to scripts of your own -->
    
    <!-- <script src="./scripts/script.js"></script> -->
    <div class="card-group">
        <div class="card">
          <img src="./images/New energy articles2.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">New Energy</h5>
            <p class="card-text">Winding through lush forests and granite cliffs, this moderate hike offers panoramic mountain views. Ideal for nature photographers. Allow 3-4 hours.</p>
            <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
          </div>
        </div>
        <div class="card">
          <img src="./images/New energy articles3.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">New energy articles</h5>
            <p class="card-text">Since the new era, China has unswervingly pursued ecological-first, green and low-carbon high-quality development, and has taken energy transformation and development to a new level. New energy resources have been developing by leaps and bounds, injecting new momentum into the economy, contributing new energy supply and providing new solutions for the global energy transition.</p>
            <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
          </div>
        </div>
        
        </footer>
      </div>
</body>

</html>
